<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<title>Document</title>
	<!-- <link rel="stylesheet" type="text/css" href="./css/index.css"> -->
	 <link rel="stylesheet" href="css/zoom.css" media="all" />
	 <!-- <link rel="stylesheet" type="text/css" href="./css/iconfont.css"> -->
</head>
<body>
	<div class="top-button">
		<ul class="top-ul">
			<li class="top-li select">学习类</li>
			<li class="top-li">趣味类</li>
			<li class="top-li">生活类</li>
		</ul>
		<div class="linear" id="linear"></div>
	</div>

	<div class="main-box" id="main-box">

		<div class="main-box-1">

			<div class="small-box">
				<p>最四级</p>
				<i class="icon iconfont icon-xingxing"></i>
				<span class="number">1000</span>
				<span class="school">福建师范大学</span>
				<p>对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述</p>
				<div class="img-box">
                 <ul class="gallery">
					<li><a href="1.jpg"><img src="1.jpg" width="60" height="60" /></a></li>
					<li><a href="0.jpg"><img src="0.jpg" width="60" height="60" /></a></li>
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href=""><img src=""/></a></li>	
	            </ul>			
				</div>
			</div>

			<div class="small-box">
				<p>最四级</p>
				<i class="icon iconfont icon-xingxing"></i>
				<span class="number">1000</span>
				<span class="school">福建师范大学</span>
				<p>对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述</p>
				<div class="img-box">
					 <ul class="gallery">
					<li><a href="1.jpg"><img src="1.jpg" width="60" height="60" /></a></li>
					<li><a href="0.jpg"><img src="0.jpg" width="60" height="60" /></a></li>
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href=""><img src=""/></a></li>	
	                </ul>
				</div>
			</div>

			<div class="small-box">
				<p>最四级</p>
				<i class="icon iconfont icon-xingxing"></i>
				<span class="number">1000</span>
				<span class="school">福建师范大学</span>
				<p>对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述</p>
				<div class="img-box">
					 <ul class="gallery">
					<li><a href="1.jpg"><img src="1.jpg" width="60" height="60" /></a></li>
					<li><a href="0.jpg"><img src="0.jpg" width="60" height="60" /></a></li>
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href=""><img src=""/></a></li>	
	                 </ul>
				</div>
			</div>
		</div>

		<div class="main-box-2">
		   <div class="small-box">
				<p>最四级</p>
				<i class="icon iconfont icon-xingxing"></i>
				<span class="number">1000</span>
				<span class="school">福建师范大学</span>
				<p>对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述</p>
				<div class="img-box">
                 <ul class="gallery">
					<li><a href="0.jpg"><img src="0.jpg" width="60" height="60" /></a></li>
					<li><a href="1.jpg"><img src="1.jpg" width="60" height="60" /></a></li>
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href=""><img src=""/></a></li>	
	            </ul>			
				</div>
			</div>
		</div>

		
		<div class="main-box-3">
			<div class="small-box">
				<p>最四级</p>
				<i class="icon iconfont icon-xingxing"></i>
				<span class="number">1000</span>
				<span class="school">福建师范大学</span>
				<p>对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述对于最四级的简单描述</p>
				<div class="img-box">
                 <ul class="gallery">
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href="0.jpg"><img src="0.jpg" width="60" height="60" /></a></li>
					<li><a href="3.jpg"><img src="3.jpg" width="60" height="60" /></a></li>
					<li><a href=""><img src=""/></a></li>	
	            </ul>			
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!-- <script type="text/javascript" src="./js/index.js"></script> -->
	 <script src="js/zoom.min.js"></script>
</body>
</html>